<!--Start Breadcrumb-->

<div class="row">
    <div id="breadcrumb" class="col-xs-12">
        
    </div>
</div>
<!--End Breadcrumb-->
<!--Start Dashboard 2-->

<div class="row-fluid">
    <div id="dashboard_links" class="col-xs-12 col-sm-2 pull-right">
        <ul class="nav nav-pills nav-stacked">
            <li class="active"><a href="#" class="tab-link" id="overview">Registro de Especies</a></li>
            <li><a href="#" class="tab-link" id="clients">Especies Registradas</a></li>
            
        </ul>
    </div>

    <div id="dashboard_tabs" class="col-xs-12 col-sm-10">
            <!--Start datos Tab 1-->
            
            <div id="dashboard-overview" class="row" style="visibility: visible; position: relative;">
                <div class="box">
                    <div class="box-content">
                        <form  id="desp" method="post" data-target="" action="" class="form">
                        <div class="text-left">
                            <h4 class="page-header">Registro de Especies</h4>
                            <input type="hidden" id="clvdespacho" name="clvdespacho">
                        </div>
                      <div class="row">
                            <div class="col-sm-6 form-group">
                                <label class="col-xs-4 control-label">Especie</label>
                                <div class="col-xs-8">
                                    <select id="clvespecie" name="clvespecie">
                                        <option value="" selected="true">...</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-6 form-group">
                                <label class="col-xs-4 control-label">Presentacion</label>
                                <div class="col-xs-8">
                                    <select id="clvpresentacion" name="clvpresentacion">
                                        <option value="" selected="true">...</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-6 form-group" >
                                <label class="col-xs-4 control-label" for="stndespacho">Despacho (kg) Segun la Nota</label>
                                <div class="col-xs-8">
                                    <input type="text" class="form-control" id="stndespacho" name="stndespacho" onkeypress="return validarNum(event)" placeholder="Ejemplo: 100 " data-toggle="tooltip" title="Despacho (kg) Segun la Nota"/>
                                </div>
                            </div>
                            <div class="col-sm-6 form-group">
                                <label class="col-xs-4 control-label" for="stnpesada" >Pesada (kg)</label>
                                <div class="col-xs-8">
                                    <input type="text" class="form-control" id="stnpesada" name="stnpesada" onkeypress="return validarNum(event)" placeholder="Ejemplo: 100" data-toggle="tooltip" title="Pesada (kg)"/>
                                </div>
                            </div>
                        </div>
                      
                        <div class="row ">
                            <div class="col-sm-6 form-group">
                                <label class="col-xs-4 control-label" for="stnventa" >Venta (kg)</label>
                                <div class="col-xs-8">
                                    <input type="text" class="form-control" id="stnventa" name="stnventa" onkeypress="return validarNum(event)"  placeholder="Ejemplo: 100" data-toggle="tooltip" title="Venta (kg)" />
                                </div>
                            </div>
                            <div class="col-sm-6 form-group">
                                <label class="col-xs-4 control-label" for="stndevolucion" >Devolucion (kg)</label>
                                
                                <div class="col-xs-8">
                                    <input type="text" class="form-control" id="stndevolucion" onkeypress="return validarNum(event)" name="stndevolucion" placeholder="Ejemplo: 100" data-toggle="tooltip" title="Devolucion"  />
                                </div>
                            </div>
                        </div>
                       
                        <div class="row ">
                            <div class="col-sm-6 form-group">
                                <label class="col-xs-4 control-label" for="stnprecio" >Precio de Venta (Bf)</label>
                                <div class="col-xs-8">
                                    <input type="text" class="form-control" id="stnprecio" name="stnprecio" onkeypress="return validarNum(event)"  placeholder="Ejemplo: 100" data-toggle="tooltip" title="Precio de Venta" />
                                </div>
                            </div>
                            <div class="col-sm-6 form-group">
                               <label class="col-xs-4 control-label" for="subtotal" >Sub Total (Bf)</label>
                                
                                <div class="col-xs-8">
                                    <input type="text" disabled="true" class="form-control" id="subtotal" onkeypress="return validarNum(event)" name="subtotal"  data-toggle="tooltip" title="Sub Total (Bf)"  />
                                </div>
                            </div>
                        </div> 
                                    

                       <div class="row">
                            <div class="col-sm-12">
                                <div class="col-xs-12 text-right">
                                    
                                    <button class="btn btn-primary btn-label-right" id="guardar2" type="button">

                                        Guardar
                                        <span>
                                            <i class="fa fa-arrow-circle-o-right"></i>
                                        </span>
                                    </button>
                                </div>
                            </div>
                        </div>
                            </form>
                    </div>
                </div>
            </div>
            <!--End datos Tab 1-->   
             <!--Start datos Tab 2-->
            <div id="dashboard-clients" class="row"  style="visibility: hidden; position: absolute;">
                <div class="box">
                    <div class="box-content">
                        <div class="text-left">
                            <h4 class="page-header">Especies Registradas</h4>
                        </div>
                      <div class="box-content no-padding">
				<table class="table table-bordered table-striped table-hover table-heading table-datatable" id="datatable-3">
					<thead>
						<tr>
							<th>Especie</th>
                                                    <th>Presentacion</th>
                                                    <th>Despacho (kg)</th>
                                                    <th>Pesada (kg)</th>
                                                    <th>Venta (kg)</th>
                                                    <th>Devolucion (kg)</th>
                                                    <th>Precio (bf)</th>
                                                    <th>Modificar</th>
						</tr>
					</thead>
                                        <tbody id="tb">
						
					</tbody>
					<tfoot>
						<tr>
							<th>Especie</th>
                                                    <th>Presentacion</th>
                                                    <th>Despacho (kg)</th>
                                                    <th>Pesada (kg)</th>
                                                    <th>Venta (kg)</th>
                                                    <th>Devolucion (kg)</th>
                                                    <th>Precio (bf)</th>
                                                    <th>Modificar</th>
						</tr>
					</tfoot>
				</table>
			</div>
                    </div>
                </div>
            </div>
            <!--End datos Tab 2-->    
        
    </div>

    <div class="clearfix"></div>
</div>

  

<!--End Dashboard 2 -->

<script type="text/javascript">
    
    function tabla() {
     
        $.ajax({
            type: "post",
            url: "../get/tabla",
            dataType: "json",
            data: {tabla: 4},
            success: function(data) {
                if (data['success']){
                   
                    $('#tb').html('');
                        $.each( data['dato'], function( key, value ) {
                         
                           $('#tb').append('<tr><td>'+value['strnombreespecie']+'</td><td>'+value['strnombrepresentacio']+'</td><td>'+value['stndespacho']+'</td><td>'+value['stnpesada']+'</td><td>'+value['stnventa']+'</td><td>'+value['stndevolucion']+'</td><td>'+value['stnprecio']+'</td><td> <button type="button" href="'+value['clvdespacho']+'"> <img src="../includes/img/modificar.jpg"  height="25" width="25"></button>   </td></tr>');
                           
                             });
                         $('button').click( function (e){
        
      
         
            e.preventDefault();
            
            var clv = $(this).attr('href');
              $.ajax({
            type: "post",
            url: "../get/buscarDespacho",
            dataType: "json",
            data: {id: clv},
            success: function(data) {
                if (data['success']) {
                        $.each(data['dato'], function(key, value) {
                  
               
                    
                    
            
                            $("#clvdespacho").val(value['clvdespacho']);
                            $("#stnpesada").val(value['stnpesada']);
                               $("#stnventa").val(value['stnventa']);
                            $("#stndespacho").val(value['stndespacho']);
                            $("#stndevolucion").val(value['stndevolucion']);
                            $("#stnprecio").val(value['stnprecio']);
                            $("#clvespecie").select2("val", value['clvespecie']);
                            $("#clvpresentacion").select2("val", value['clvpresentacion']);
                            
                          
                            //alert(value['clvrol']+value['clvrol']);
                            

                        });
                        $('#overview').click();
                    } 
            }
              });
       
           
        
    }); 
               
                }else {
                        jError('ERROR : '+data['mensaje'], {
                         VerticalPosition : 'center',
                         HorizontalPosition : 'center'
                     });
                    }
   
            }
        });


    }
    function AllTables(){
	
	TestTable3();
	
}
    function validarNum(e) { // 1
    tecla = (document.all) ? e.keyCode : e.which; // 2
    if (tecla===8) return true; // 3
    patron =/^\d*$/; // 4
    te = String.fromCharCode(tecla); // 5
    return patron.test(te); // 6
}
// Run Select2 on element
    function Select2Test() {
        $("#clvespecie,#clvpresentacion").select2();
    }
    $(document).ready(function() {
        $('#desp').bootstrapValidator({
        message: 'This value is not valid',
        fields: {
            
           stndespacho: {
                validators: {
                    notEmpty: {
                        message: 'Se requiere la Fecha a realizar la Feria'
                    }
                }
            } 
            
           
            
            
            
 
            
          },
          
          
 submitHandler: function (validator, form, submitButton) {
   

}

    });
        // Load script of Select2 and run this
        LoadSelect2Script(Select2Test);
        tabla();
        LoadDataTablesScripts(AllTables);
        $('.form-control').tooltip();
      
      
        //lista presentacion
        $.ajax({
            type: "post",
            url: "../get/ubicacion",
            data: {tip: '9'},
            success: function(data) {
                $("#clvpresentacion").append(data);
            }
        });
         //listar especies
        $.ajax({
            type: "post",
            url: "../get/ubicacion",
            data: {tip: '8'},
            success: function(data) {
                $("#clvespecie").append(data);
            }
        });
         $("#stndevolucion").change(function(event) {
        var precio=$('#stnprecio').val()=='' ? 0 : parseInt($('#stnprecio').val());
        var venta=$('#stnventa').val()=='' ? 0 : parseInt($('#stnventa').val());
        var pesada=$('#stnpesada').val()=='' ? 0 : parseInt($('#stnpesada').val());
        var devolucion=$('#stndevolucion').val()=='' ? 0 : parseInt($('#stndevolucion').val());
        var completo=venta + devolucion;
 
        if(!(venta == 0)&&!(pesada == 0)){
          
           if(completo>pesada){
                jNotify('La devolucion ni la venta  sumadas no Puede ser mayor que lo que se peso ', {
                         VerticalPosition : 'center',
                         HorizontalPosition : 'center'
                     });
                      $('#stnventa').val('');
                       $('#stndevolucion').val('');
                        $('#stnprecio').val('');
                         $('#subtotal').val('');
            }else   if((venta>pesada)&&(devolucion>pesada)){
                
                 jNotify('La devolucion ni la venta  no Puede ser mayor que lo que se peso ', {
                         VerticalPosition : 'center',
                         HorizontalPosition : 'center'
                     });
                      $('#stnventa').val('');
                       $('#stndevolucion').val('');
                        $('#stnprecio').val('');
                         $('#subtotal').val('');
            }
          
            
        }else if((venta == 0)&&!(pesada == 0)){
          
           if(devolucion>pesada){
                jNotify('La devolucion no Puede ser mayor que lo que se peso ', {
                         VerticalPosition : 'center',
                         HorizontalPosition : 'center'
                     });
                      $('#stndevolucion').val('');
            }
        }
       
    if(!(venta == 0)&&!(pesada == 0)&&!(precio == 0)&&!(devolucion == 0)){
        $('#subtotal').val(venta*precio);
    }
    
    });//fin devolucion
         $("#stnpesada").change(function(event) {
                 var precio=$('#stnprecio').val()=='' ? 0 : parseInt($('#stnprecio').val());
        var venta=$('#stnventa').val()=='' ? 0 : parseInt($('#stnventa').val());
        var pesada=$('#stnpesada').val()=='' ? 0 : parseInt($('#stnpesada').val());
        var devolucion=$('#stndevolucion').val()=='' ? 0 : parseInt($('#stndevolucion').val());
        var completo=venta + devolucion;
 
        if(!(venta == 0)&&!(devolucion == 0)){
          
           if(completo>pesada){
                jNotify('La devolucion ni la venta  sumadas no Puede ser mayor que lo que se peso ', {
                         VerticalPosition : 'center',
                         HorizontalPosition : 'center'
                     });
                      $('#stnventa').val('');
                       $('#stndevolucion').val('');
                        $('#stnprecio').val('');
                         $('#subtotal').val('');
            }else   if((venta>pesada)&&(devolucion>pesada)){
                
                 jNotify('La devolucion ni la venta  no Puede ser mayor que lo que se peso ', {
                         VerticalPosition : 'center',
                         HorizontalPosition : 'center'
                     });
                      $('#stnventa').val('');
                       $('#stndevolucion').val('');
                        $('#stnprecio').val('');
                         $('#subtotal').val('');
            }
          
            
        }else if((venta == 0)&&!(devolucion == 0)){
           
           if(devolucion>pesada){
                jNotify('La devolucion no Puede ser mayor que lo que se peso ', {
                         VerticalPosition : 'center',
                         HorizontalPosition : 'center'
                     });
                      $('#stndevolucion').val('');
            }
        }else if(!(venta == 0)&&(devolucion == 0)){
           
           if(venta>pesada){
                jNotify('La venta no Puede ser mayor que lo que se peso ', {
                         VerticalPosition : 'center',
                         HorizontalPosition : 'center'
                     });
                      $('#stnventa').val('');
            }
        }
         if(!(venta == 0)&&!(pesada == 0)&&!(precio == 0)&&!(devolucion == 0)){
        $('#subtotal').val(venta*precio);
    }
         });//fin pesada
       $("#stnventa").change(function(event) {
                  var precio=$('#stnprecio').val()=='' ? 0 : parseInt($('#stnprecio').val());
        var venta=$('#stnventa').val()=='' ? 0 : parseInt($('#stnventa').val());
        var pesada=$('#stnpesada').val()=='' ? 0 : parseInt($('#stnpesada').val());
        var devolucion=$('#stndevolucion').val()=='' ? 0 : parseInt($('#stndevolucion').val());
        var completo=venta + devolucion;

        if(!(devolucion == 0) && !(pesada == 0)){
          
           if(completo>pesada){
                jNotify('La devolucion ni la venta  sumadas no Puede ser mayor que lo que se peso ', {
                         VerticalPosition : 'center',
                         HorizontalPosition : 'center'
                     });
                      $('#stnventa').val('');
                       $('#stndevolucion').val('');
                        $('#stnprecio').val('');
                         $('#subtotal').val('');
                          
            }else   if((venta>pesada)&&(devolucion>pesada)){
                
                 jNotify('La devolucion ni la venta  no Puede ser mayor que lo que se peso ', {
                         VerticalPosition : 'center',
                         HorizontalPosition : 'center'
                     });
                      $('#stnventa').val('');
                       $('#stndevolucion').val('');
                        $('#stnprecio').val('');
                         $('#subtotal').val('');
            }
          
            
        }else if((devolucion == 0) && !(pesada == 0)){
          
           if(venta>pesada){
                jNotify('La venta no Puede ser mayor que lo que se peso ', {
                         VerticalPosition : 'center',
                         HorizontalPosition : 'center'
                     });
                      $('#stnventa').val('');
            }
        }
         if(!(venta == 0)&&!(pesada == 0)&&!(precio == 0)&&!(devolucion == 0)){
        $('#subtotal').val(venta*precio);
    }
         });//fin venta
         
         $("#stnprecio").change(function(event) {
                var precio=$('#stnprecio').val()=='' ? 0 : parseInt($('#stnprecio').val());
        var venta=$('#stnventa').val()=='' ? 0 : parseInt($('#stnventa').val());
        var pesada=$('#stnpesada').val()=='' ? 0 : parseInt($('#stnpesada').val());
        var devolucion=$('#stndevolucion').val()=='' ? 0 : parseInt($('#stndevolucion').val());
      
              if(!(venta == 0)&&!(pesada == 0)&&!(precio == 0)&&!(devolucion == 0)){
        $('#subtotal').val(venta*precio);
    } 
         });
         $("#guardar2").click(function (){
             var especie=$('#clvespecie').val()=='' ? 0 : parseInt($('#clvespecie').val());
        var prese=$('#clvpresentacion').val()=='' ? 0 : parseInt($('#clvpresentacion').val());
        var descargado=$('#stndespacho').val()=='' ? 0 : parseInt($('#stndespacho').val());
               var precio=$('#stnprecio').val()=='' ? 0 : parseInt($('#stnprecio').val());
        var venta=$('#stnventa').val()=='' ? 0 : parseInt($('#stnventa').val());
        var pesada=$('#stnpesada').val()=='' ? 0 : parseInt($('#stnpesada').val());
        var devolucion=$('#stndevolucion').val()=='' ? 0 : parseInt($('#stndevolucion').val());
      
              if(!(venta == 0) && !(pesada == 0) && !(precio == 0) && !(devolucion == 0) && !(especie == 0) && !(prese == 0) && !(descargado == 0)) {
       $.ajax({
            type: "post",
            url: "../flujo/guardarDespacho",
            dataType: "json",
            cache: false,
            data: $('#desp').serialize(),
            success: function(data) {
                 if (data['success']) {
                jSuccess(data['mensaje'],{
                         VerticalPosition : 'center',
                         HorizontalPosition : 'center'
                     }); 
                       
                      var url = 'despacho';
                        window.location.hash = url;

                        LoadAjaxContent('feria/' + url);
                       
            }else {
                jError('ERROR : '+data['mensaje'], {
                         VerticalPosition : 'center',
                         HorizontalPosition : 'center'
                     }); 
                 var url = 'despacho';
                        window.location.hash = url;

                        LoadAjaxContent('feria/' + url);
                       
            }
            }
        });
    }else {
        jError('No pueden existir campos vacios', {
                         VerticalPosition : 'center',
                         HorizontalPosition : 'center'
                     });
    }    
         });
        WinMove();
        DashboardTabChecker();
    });
</script>
